page-meseaminspectionworkdetail {
  ion-content {
    .wrap {
      width: 100%;
      height: 60px;
      position: fixed;
      top: 56px;
      background: #fff;
      overflow-x: auto;
      overflow-y: hidden;
      border-bottom: 1px solid gray;
      .btn-wrap {
        display: inline-block;
        position: relative;
        width: auto;
        height: 60px;
        white-space: nowrap;
        font-size: 0;

        // background: -webkit-linear-gradient(
        //   left,
        //   rgba(37, 189, 219, 1),
        //   rgba(81, 145, 255, 1)
        // ); /* Safari 5.1 - 6.0 */
        // background: -o-linear-gradient(
        //   right,
        //   rgba(37, 189, 219, 1),
        //   rgba(81, 145, 255, 1)
        // ); /* Opera 11.1 - 12.0 */
        // background: -moz-linear-gradient(
        //   right,
        //   rgba(37, 189, 219, 1),
        //   rgba(81, 145, 255, 1)
        // ); /* Firefox 3.6 - 15 */
        // background: linear-gradient(
        //   to right,
        //   rgba(37, 189, 219, 1),
        //   rgba(81, 145, 255, 1)
        // ); /* 标准的语法 */
        .box {
          display: inline-block;
          width: 25vw;
          height: 60px;
          text-align: center;
          z-index: 1;
          button {
            border-radius: 50%;
            width: 30px;
            height: 30px;
            overflow: hidden;
          }
          .step1 {
            background: gray;
          }
          .step2 {
            background: green;
          }
          .step2 {
            background: yellow;
          }
          p {
            margin: 0;
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
        }
        .line {
          position: absolute;
          top: 18px;
          left: 12vw;
          right: 12vw;
          height: 2px;
          background: gray;
        }
      }
    }

    .tableWrap {
      position: relative;
      top: 50px;
      width: 99%;
      height: calc(100vh - 116px);
      overflow: auto;
      z-index: -1;
      ion-list {
        button {
          div {
            overflow: hidden;
            .status {
              float: right;
              .normal {
                color: green;
              }
              .abnormal {
                color: red;
              }
            }
          }
        }
      }
    }
  }
}
